Asp.Net Ajax Tutorial

Asp.Net Ajax Tutorials Overview

Welcome to Asp.Net Ajax Tutorials. The objective of these tutorials is to provide an in-depth understanding of Asp.Net Ajax concepts. In these tutorials, we will cover topics such as Architecture, Ajax Components, Ajax Control Tool Kit, Ajax Extenders, etc.

In addition to Ajax Tutorials, we will cover common interview questions and issues in Ajax.

AJAX

AJAX(Asynchronous JavaScript and XML)

• In a traditional website that was developed without using AJAX, the following drawbacks are as follows.
• When a postback occurs then the entire page will be submitted to the server including the data related to advertisements displayed on that page. Because of this the amount of data to transfer between client and server will increase that affects the performance of the application.
• The user must wait until the entire page is loaded from the server and he can’t interact with the page until the entire page is loaded.
• The main purpose of AJAX is to develop rich interactive applications and increase the performance of the applications. Ajax based web-applications have the following advantages compared to the traditional websites developed without using AJAX
• With Ajax, you can submit only a part of the page to the server without submitting the entire page. Which will reduce the amount of data to be transformed between client and server and which will increase the performance of the application.
• While a part of the page is updated from the server user or interact with the remaining page without causing another postback, without waiting until that particular part of the page is updated from the server.
• With AJAX communication with the server will be Asynchronous, because which user can interact with the page while the page is updated from the server.

Inclined to build a profession as ASP.NET Developer? Then here is the blog post on, explore ASP.NET Training

Ajax Components

AJAX contains the following important components.

XML HTTP

XML HTTP is used for Asynchronous communication between client  & web server which is not possible with HTTP.

JavaScript

the major part of AJAX is JavaScript and Microsoft provides pre-defined JavaScript libraries within AJAX to send data from client to server. and server to the client with the help of XMLHTTP.

DHTML & DOM (Document object mode)

These two components are used to dynamically update a particular part of the page.

XML and JSON

These two are the data formats used by AJAX for transforming the data between client and server Asynchronously.

AJAX is not completely client-side technology or completely server-side technology and it must be available both on client and server for asynchronous communication between client and server.

AJAX is Built into .Net framework and visual studio.net from the version 3.5 and visual studio.net 2008 with the AJAX Built into visual studio.net you will get only 5 controls and all the remaining controls of ASP.net Ajax are provided as an AJAX control tool kit, which you have to download and install from the internet. The basic controls of the AJAX provided with visual Studio.net are as follows.

All the basic AJAX controls provided with visual strdio.net are available within the AJAX extensions tab in the Toolbox and those controls and their purpose are as follows.

AJAX Control Toolkit

www.asp.net/ajax website, All the controls developed using AJAX features are provided as AJAX control Toolkit. But these controls are not included in visual studio.net because they are provided as open-source and any new features & controls added to it can be downloaded from the website to get the latest features of the AJAX Control Toolkit you can download AJAX Control Toolkit from the website www.asp.net/Ajax. This is available as a Zip file & after download, if extract it to your folder to get Ajax to control Toolkit.dll

Adding AJAX Control Toolkit to Toolbox

To add all the controls of AJAX Control Toolkit to the Toolbox, Right-click on the Toolbox and choose the “new tab” that creates a new tab in the Toolbox and set its caption as ‘AJAX control’ Toolkit. Now right-click within this newly created Tab and choose “ Choose Items ” that opens the choose items dialog box. within this dialog box, click on the browse button available at the bottom Right corner and within the Browse dialog box select AJAX to control Toolkit.dll file from the folder to which you extracted the Ajax control toolkit Zip file and then click on the open button followed by an ok button.

Within the AJAX control Toolkit a control called ‘Toolkit script manager’ is provided & this control must be placed a page while using AJAX Control Toolkit controls on the webpage. In old versions of the AJAX Control Toolkit, there is no separate script manager & the script manager provided with AJAX extensions itself is used for the AJAX Control Toolkit also.

For an in-depth knowledge, click on below

• ASP.net MVC Architecture
• Collection Initialize ASP.net
• Object Initialization ASP.net